<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MB Scrolling Menus</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="mbscrollingmenu-0.9.min.js" type="text/javascript"></script>
<style type="text/css">

.mb_menuV li {
	display: block;
}
.mb_menuV img {
	display: block;
	border: 'none';
	opacity: 0.5;
}




.mb_menu li {
	display: block;
	width: 90px;
	margin-left: -20px;
	padding-left: 20px;
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
.mb_menu li:hover {
	color: white;
	border: solid 1px black;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
	filter:alpha(opacity=100);	
	opacity: 1;
}
.mb_menu a {
	color: black;
}





</style>
<script type="text/javascript">/*<![CDATA[*/
jQuery(function(){
	
	$('.mb_menuV').mbScrollingMenuVertical();
	$('.mb_menuV li').hover(function(){
			$(this).find('img').animate({
				'height': '+=10',
				'width': '+=10',
				'opacity': 1
			}, 'fast');
		}, function() {
			$(this).find('img').animate({
				'height': '-=10',
				'width': '-=10',
				'opacity': 0.5
			}, 'fast');
		}
	);
	$('.mb_menuV img').click(function() {
		$(this).animate({
			'width': 	'-=10',
			'height': 	'-=10'
		}, 'fast').animate({
			'width': 	'+=10',
			'height': 	'+=10'
		}, 'fast');
		
		return false;
	});
	
	$('.mb_menu').mbScrollingMenuVertical();
	
	$('.mb_menuH').mbScrollingMenuHorizontal({
		padding: 	100,
		overflow:	'auto'
	});
});

/*]]>*/</script>
</head><body>
<div style="width: 145px; height:400px;" class="mb_menuV">
	<ul style="height: 3500px">
		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_arrow_green_left.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_wireless_network.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_vpn.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_users_blue_green.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_large_group.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_warning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_service_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_project_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_operations.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_developer.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_business_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_architect.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_tie.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_tester.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_sysadmin.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_security_specialist.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_audit.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-neighbourhood.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-head-office.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-factory.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_directory.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_warning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_database.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_application.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_printer.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_padlock.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_mobile_pda.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-tape.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-optical.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-flash.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_lightning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_proxy.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_monitor.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_media.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_mail.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_identity.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_gateway.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_file.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_distribution.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-branch.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_web.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_terminal.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_home.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_firewall.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_drive-optical.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_drive-harddisk.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_database.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_contract.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-music.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_desktop.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-usb-wifi.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-scanner.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_disposal.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-wireless-router.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-usb.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_cloud.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_camera-web.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_id_card.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_hub.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_arrow_yellow_right.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_awareness.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_lifecycle.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_laptop.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_image-generic.png" /></a></li>	
	</ul>
</div>


<div class="mb_menu" style="height: 200px; width: 145px;">
	<ul>
	    <li><a href="#"><span>Menu</span></a></li>
	    <li><a href="#"><span>Navigation</span></a></li>
	    <li><a href="#"><span>jQuery</span></a></li>
	    <li><a href="#"><span>Scroll</span></a></li>
	    <li><a href="#"><span>Horizontal</span></a></li>
	    <li><a href="#"><span>jQuery</span></a></li>
	    <li><a href="#"><span>Menu</span></a></li>
	    <li><a href="#"><span>Navigation</span></a></li>
	    <li><a href="#"><span>Graceful</span></a></li>
	    <li><a href="#"><span>Degradation</span></a></li>
	    <li><a href="#"><span>Progressive</span></a></li>
	    <li><a href="#"><span>Enhancement</span></a></li>
	
	</ul>
</div>



<div style="width: 600px; height:95px;" class="mb_menuH">
	<ul style="width: 4500px">
		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_arrow_green_left.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_wireless_network.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_vpn.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_users_blue_green.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_large_group.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_warning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_service_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_project_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_operations.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_developer.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_business_manager.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green_architect.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_green.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_tie.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_tester.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_sysadmin.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue_security_specialist.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_blue.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_user_audit.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-neighbourhood.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-head-office.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-factory.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_directory.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_warning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_database.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_application.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_printer.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_padlock.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_mobile_pda.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-tape.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-optical.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_media-flash.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_lightning.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_proxy.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_monitor.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_media.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_mail.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_identity.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_gateway.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_file.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_distribution.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_site-branch.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_web.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_server_terminal.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_home.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_firewall.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_drive-optical.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_drive-harddisk.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_database.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_contract.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-music.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_desktop.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-usb-wifi.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-scanner.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_disposal.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-wireless-router.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_device-usb.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_cloud.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_camera-web.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_id_card.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_hub.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_arrow_yellow_right.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_awareness.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_lifecycle.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_laptop.png" /></a></li>		<li><a href="#"><img border="0" width="50" height="50" src="images/osa_image-generic.png" /></a></li>	
	</ul>
</div>




</body></html>